<!DOCTYPE html>
<html lang="en">

	<head>
		<title>Matrix Admin</title>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="/css/fullcalendar.css" />
		<link rel="stylesheet" href="/css/matrix-style.css" />
		<link rel="stylesheet" href="/css/matrix-media.css" />
		<link href="/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link rel="stylesheet" href="/css/jquery.gritter.css" />
		<!--<link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>-->
	</head>
	<body>
		<!--Header-part-->
		<div id="header">
			<h1><a href="dashboard.html">Matrix Admin</a></h1>
		</div>
		<!--top-Header-menu-->
		<div id="user-nav" class="navbar navbar-inverse">
			<ul class="nav">
				<li class="dropdown" id="profile-messages">
					<a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i> <span class="text">${user.user_name}</span><b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li>
							<a href="#"><i class="icon-user"></i> My Profile</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="#"><i class="icon-check"></i> My Tasks</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="/login/logout"><i class="icon-key"></i> Log Out</a>
						</li>
					</ul>
				</li>
				<li class="dropdown" id="menu-messages">
					<a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li>
							<a class="sAdd" title="" href="#"><i class="icon-plus"></i> new message</a>
						</li>
						<li class="divider"></li>
						<li>
							<a class="sInbox" title="" href="#"><i class="icon-envelope"></i> inbox</a>
						</li>
						<li class="divider"></li>
						<li>
							<a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> outbox</a>
						</li>
						<li class="divider"></li>
						<li>
							<a class="sTrash" title="" href="#"><i class="icon-trash"></i> trash</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a>
				</li>
				<li class="">
					<a title="" href="/login/logout"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a>
				</li>
			</ul>
		</div>
		<!--close-top-Header-menu-->
		<!--start-top-serch-->
		<div id="search">
			<input type="text" placeholder="Search here..." />
			<button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>
		</div>
		<!--close-top-serch-->
		<!--sidebar-menu-->
		<div id="sidebar">
			<a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard</a>
			<ul>
				<li>
					<a href="/project/list"><i class="icon icon-home"></i> <span>项目管理</span></a>
				</li>
				<li>
					<a href="/confsync/configServiceList"><i class="icon icon-home"></i> <span>配置管理</span></a>
				</li>
			</ul>
			
		</div>
		<div id="content">
			<div id="content-header">
				<div id="breadcrumb">
					<a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a>
				</div>
			</div>
			<div class="container-fluid">
				<hr>
				<div class="row-fluid">
					<div class="span12">
						<div class="widget-box">
							<div class="widget-title"> <span class="icon"> <i class="icon-th"></i> </span>
								<h5>项目列表</h5>
							</div>
							<div class="widget-content nopadding">
								<table class="table table-bordered table-striped">
									<thead>
										<tr>
											<th>项目名称</th>
											<th>创建时间</th>
											<th>项目描述</th>
										</tr>
									</thead>
									<tbody>
										<#list projects as project >
											<tr class="odd gradeX">
												<td>${project.project_name}</td>
												<td>${project.timestamp}</td>
												<td>${project.project_desc}</td>
											</tr>
										</#list>
									</tbody>
								</table>
							</div>
						</div>
						<div class="widget-box">
							<div class="widget-title"> <span class="icon"> <i class="icon-th"></i> </span>
								<h5>文件列表</h5>
							</div>
							<div class="widget-content nopadding">
								<table class="table table-bordered table-striped">
									<thead>
										<tr>
											<th>文件名称</th>
											<th>创建时间</th>
											<th>所属项目</th>
											<th>文件描述</th>
										</tr>
									</thead>
									<tbody>
										<#list files as file >
											<tr class="odd gradeX">
												<td>${file.file_name}</td>
												<td>${file.timestamp}</td>
												<td>${file.project_name}</td>
												<td>${file.file_desc}</td>
											</tr>
										</#list>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		</div>
		<!--end-main-container-part-->

		<!--Footer-part-->
		<div class="row-fluid">
			<div id="footer" class="span12"> 2013 &copy; Matrix Admin. Brought to you by
				<a href="http://themedesigner.in/">Themedesigner.in</a>
			</div>
		</div>

		<!--end-Footer-part-->

		<script src="/js/excanvas.min.js"></script>
		<script src="/js/jquery.min.js"></script>
		<script src="/js/jquery.ui.custom.js"></script>
		<script src="/js/bootstrap.min.js"></script>
		<script src="/js/jquery.flot.min.js"></script>
		<script src="/js/jquery.flot.resize.min.js"></script>
		<script src="/js/jquery.peity.min.js"></script>
		<script src="/js/fullcalendar.min.js"></script>
		<script src="/js/matrix.js"></script>
		<script src="/js/matrix.dashboard.js"></script>
		<script src="/js/jquery.gritter.min.js"></script>
		<script src="/js/matrix.interface.js"></script>
		<script src="/js/matrix.chat.js"></script>
		<script src="/js/jquery.validate.js"></script>
		<script src="/js/matrix.form_validation.js"></script>
		<script src="/js/jquery.wizard.js"></script>
		<script src="/js/jquery.uniform.js"></script>
		<script src="/js/select2.min.js"></script>
		<script src="/js/matrix.popover.js"></script>
		<script src="/js/jquery.dataTables.min.js"></script>
		<script src="/js/matrix.tables.js"></script>

		<script type="text/javascript">
			// This function is called from the pop-up menus to transfer to
			// a different page. Ignore if the value returned is a null string:
			function goPage(newURL) {
				// if url is empty, skip the menu dividers and reset the menu selection to default
				if(newURL != "") {
					// if url is "-", it is this page -- reset the menu:
					if(newURL == "-") {
						resetMenu();
					}
					// else, send page to designated URL            
					else {
						document.location.href = newURL;
					}
				}
			}

			// resets the menu selection upon entry to this page:
			function resetMenu() {
				document.gomenu.selector.selectedIndex = 2;
			}
			
			
		</script>
	</body>

</html>